{extend name='public/base' /}

{block name="content"}

<main class="content">

    <div id="cd-timeline" class="container">

        {volist name="list" id="v"}

        <div class="cd-timeline-block">

            {if isset($v['year'])}
            <div class="cd-timeline-img year" data-aos="zoom-in-up">
                <a href="javascript:">{$v['year']}</a>
            </div>
            {/if}
            {if isset($v['month'])}
            <div class="cd-timeline-img month" data-aos="zoom-in-up">
                <a href="javascript:">{$v['month']}</a>
            </div>
            {/if}
            <div class="cd-timeline-img day" data-aos="zoom-in-up">
                <span>{$v['day']}</span>
            </div>
            <article class="cd-timeline-content" data-aos="fade-up">
                <div class="article col s12 m6">
                    <div class="card">
                        <a href="{$v.url}">
                            <div class="card-image">
                                <img src="{empty name='$v.img_url'} {$domain}/assets/img/frontend/123.jpg {else /} {$v.img_url} {/empty}" class="responsive-img" alt="{$v.title}">
                                <span class="card-title">{$v.title}</span>
                            </div>
                        </a>
                        <div class="card-content article-content">
                            <div class="summary block-with-text">
                                {$v.description}
                            </div>
                            <div class="publish-info">
                                    <span class="publish-date">
                                    <i class="far fa-clock fa-fw icon-date"></i>
                                        {$v.createtime}
                                </span>
                                <span class="publish-author">
                                    <i class="fas fa-bookmark fa-fw icon-category"></i>
                                    <a href="{$v.cates.url}" class="post-category">
                                    {$v.cates.name}
                                    </a>
                                </span>
                            </div>
                        </div>
                        <div class="card-action article-tags">
                            <?php  $arr=@explode(",",$v['keywords']); foreach($arr as $a){ ?>
                            <a href="/tag_show/{$a}"><span class="chip bg-color">{$a}</span></a>
                            <?php } ?>
                        </div>
                    </div>
                </div>
            </article>
        </div>

        {/volist}

    </div>

</main>


<div class="container paging">
    <div class="row" style="text-align: center">
        {$page|raw}
    </div>
</div>

{/block}